@charset "utf-8";

/* CSS Document */



/*通用*/

/**{ box-sizing:border-box;}

*::before, *::after{ box-sizing:border-box;}*/

*:focus{ outline:none;}

html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/

input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}

/*图片默认样式*/

img{border:0;vertical-align: middle;}

/*动画效果*/

*{transition-property:all;}

.com-img{ display:inline; overflow:hidden;}

.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}

.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}







.fl{float:left;}

.fr{float:right;}

.cl{clear:both;}

.show{display:block;}

.hide{display:none;}



.f18{font-size:18px !important;}

.f16{font-size:16px !important;}

.f14{font-size:14px !important;}

.f12{font-size:12px !important;}



.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt20{margin-top:20px;}



.ml5{margin-left:5px;}



.taC{text-align:center;}

.taL{text-align:left;}

.taR{text-align:right;}



.ttU{text-transform:uppercase;}



.ofH{overflow:hidden;}

.ofA{overflow:visible !important;}



.fwB{font-weight:600;}





ul{width:100%;height:auto;position:relative;}

ul li{position:relative;}




/*flex*/

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}

.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}

.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}

.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}

.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}



.flex-1

{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}



.vertical-container

{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}





/*限制行数 -- 一行*/

.line1,

.Inews-aTname,

.proNav-list a,

.news-list li .nl-box .name,

.nH-case .nH-block>p,

.nH-case .nHcase-l,

.article-about a p,

.article-page .ap-page,

.faq-list li a p,

.p-nav a.btn

{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/

.line2

{height:50px;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}



.line3

{height:90px;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}





/*动画*/

a:hover,

.container-Ivideo,
.container-IproCase,

.hist-list ul li,

.comSub-img,

.comSub-img img,

.comStr-img .comStr-con,

.honor-img .btn,

.comCul-img img,

.Header-wrapper,

.Header-wrapper .container-header,

.Header-wrapper .container-header .logo,

.Header-wrapper .container-header .Hlang,

.Header-wrapper .container-header .Hsrch>a,

.Header-wrapper .container-header .Hsrch .Hsrc-box,

.Header-wrapper .nav>li>a,

.Header-wrapper .nav>li .n2nd

{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}



.animation,

.Ipro-list>li .Ipro-box2,

.Header-wrapper .container-header .logo img

{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}



/*滚动条*/

.viewport { overflow: hidden; position: relative; /*width:0px; height: 0px;*/}/*内容可视区域的宽高*/

.overview { list-style: none; position: absolute; left: 0; top: 0; /*width:0px; height: 0px;*/}  /*内容可视区域的宽高*/

.scrollbar{position: relative;  float: right; position:relative;  display:inline; z-index:400; z-index:2;/*width:0px; height:0px;background-color:#afafaf;*/}/*滚动条的宽高颜色*/

.track{ position: relative; /*width:0px;*/}/*滚动条的宽*/

.thumb{cursor: pointer; position: absolute; top:0; left:0px; z-index:400;/*width:0px;background-color:#afafaf;*/}/*滚动条-当前条的宽 left 颜色*/

.disable{ display: none; }  

.noSelect { user-select:none;}



/*分页*/

.page{width:100%;height:auto;padding-top:30px;text-align:center;position:relative;overflow:hidden;}/*分页*/

.page a{display:inline-block;padding:5px 10px;font-size:14px;color:#333333;font-family:"宋体";border:1px solid #e5e5e5;margin-right:5px;background-color:#fff;}

.page a.on, .page a:hover{background-color:#1462b3;color:#ffffff;border-color:#1462b3;}
.container{position:relative;width:1163px;margin:0px auto;}
.main{position:relative;padding:50px 0 60px 0;background:#fff;z-index:2;}

.project{}
.project .content{position:relative;margin:40px 0;}
.project .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.project .content .child{position:relative;float:left;width:20%;}

.project .content .child .childBg{width:100%; vertical-align:middle;}
.project .content .child .childHide{ opacity:0;position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/index/redBg.png);transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);}
.project .content .child .childQuan{display:none;position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;width:69px;height:69px;background:url(../images/index/whiteBg.png);border-radius:69px;-moz-border-radius:69px;-ms-border-radius:69px;-o-border-radius:69px;-webkit-border-radius:69px;}
.project .content .child .childSearch{display:none;position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;}
.project .content .child .childHide{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.project .content .child .childQuan{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.project .content .child .childSearch{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.project .content .child:hover .childHide{opacity:1;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.project .content .child:hover .childQuan{display:block;}
.project .content .child:hover .childSearch{display:block;}


.product{
	background-color: #F0F0F0;
}
.product .content{position:relative;margin-top:55px; height:310px;}
.product .content .child{position:absolute;overflow:hidden;}
.product .content .child{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.product .content .child .childTitle{position:absolute;text-align:center;}
.product .content .child .childTitle .title{color:#434343;}
.product .content .child .childTitle .info{color:#656565;}
.product .content .child .childImg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.product .content .child:hover .childImg{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

.product .content .child.child1{top:0px;left:0px;width:590px;height:295px;background:#fafafa;border: 1px #DFDFDF solid;border-radius: 6px;}
.product .content .child.child1:hover{background:#bfe1f1;}
	.product .content .child.child1 .childTitle{position:absolute;top:18px;left:26px;}
.product .content .child.child1 .childTitle .title{line-height:46px;color:#4485c6;font-size:22px; text-align:left;}
.product .content .child.child1 .childTitle .info{line-height:24px;color:#656565;font-size:14px; text-align:left; padding-right:20px; width:300px;}
.product .content .child.child1 .childImg{position:absolute;bottom:0px;top:0px;right:28px;margin:auto 0;}

.product .content .child.child2{top:0px;right:0px;width:590px;height:295px;background:#fafafa;border: 1px #DFDFDF solid;border-radius: 6px;}
.product .content .child.child2:hover{background:#A8D7ED;}
	.product .content .child.child2 .childTitle{position:absolute;top:18px;left:26px;}
.product .content .child.child2 .childTitle .title{line-height:46px;color:#4485c6;font-size:22px; text-align:left;}
.product .content .child.child2 .childTitle .info{line-height:24px;color:#656565;font-size:14px; text-align:left; padding-right:20px;width:300px;}
.product .content .child.child2 .childImg{position:absolute;bottom:0px;top:0px;right:28px;margin:auto 0;}

.buttons{
height: 43px;
width: 122px; padding-top:10px;
}	
.buttons a{ line-height:43px; text-align:center; color:#003993;background-image: url(../images/b1.png);
	background-repeat: no-repeat; display:block;
	height: 43px;
	width: 122px;
 
}
.buttons a:hover{ line-height:43px; text-align:center; color:#fff;background-image: url(../images/b2.png);
	background-repeat: no-repeat; 
 
}


.product .content .child.child3{bottom:0px;right:305px;width:295px;height:295px;background:#f5dfc8;}
.product .content .child.child3:hover{background:#F2D3B2;}
.product .content .child.child3 .childTitle{position:absolute;top:22px;left:0px;width:100%;}
.product .content .child.child3 .childTitle .title{line-height:50px;color:#434343;font-size:33px;}
.product .content .child.child3 .childTitle .info{line-height:26px;color:#656565;font-size:14px;}
.product .content .child.child3 .childImg{position:absolute;bottom:10px;left:0px;right:0px;margin:0 auto;}
.product .content .child.child4{bottom:0px;right:0px;width:295px;height:295px;background:#bfe3ac;}
.product .content .child.child4:hover{background:#F4B8B8;}
.product .content .child.child4 .childTitle{position:absolute;top:22px;left:0px;width:100%;}
.product .content .child.child4 .childTitle .title{line-height:50px;color:#434343;font-size:33px;}
.product .content .child.child4 .childTitle .info{line-height:26px;color:#656565;font-size:14px;}
.product .content .child.child4 .childImg{position:absolute;bottom:-16px;left:0px;right:0px;margin:0 auto;}

.service .content{padding-top:60px;}
.service .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.service .content .child{width:357px;height:220px;border:2px solid #fafafa;float:left;margin-right:55px;margin-top:20px;background:#fafafa}
.service .content .child{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.service .content .child.no{margin-right:0;}
.service .content .child .childContent{position:relative;padding:30px 36px 34px 36px;}
.service .content .child .childContent .childImg{text-align:center;padding-bottom:4px;}
.service .content .child .childContent .childTitle{height:20px;color:#434343;font-size:20px;text-align: center;}
.service .content .child .childContent .childTitle{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.service .content .child .childContent .childTitle img{ vertical-align:bottom;}
.service .content .child .childContent .childTitle span{ vertical-align:bottom;}
.service .content .child .childContent .childInfo{padding:26px 0;}
.service .content .child .childContent .childInfo p{line-height:22px;color:#666;font-size:14px;}
.service .content .child .childContent .childInfo p{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.service .content .child .childContent .childSub{width:30px;height:3px;background:#4485c6;}
.service .content .child .childContent .childSub{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.service .content .child:hover{background:#4485c6;}
.service .content .child:hover .childContent .childTitle{color:#fff;}
.service .content .child:hover .childContent .childInfo p{color:#fff;}
.service .content .child:hover .childContent .childSub{background:#fff;}



.superiority{border-bottom:1px solid #cacaca;}
.superiority .mainNav .child{width:auto;padding:0 12px;}
.superiority .content .child{position:relative;text-align:center;width:100%;}
.superiority .content .child .loading{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;display:none;}
.superiority .content .child:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.superiority .content .child .childChild{ vertical-align:top;text-align:left;position:relative;width:282px;margin:4px 4px;display:inline-block;*display:inline;*zoom:1;}



.superiority .content .child .childChild .childImg { height: auto ;display:block; width:100%; overflow:hidden;}
/*.superiority .content .child .childChild .childImg { width:100%; height: auto ;display:block; width:100%; overflow:hidden;}*/
 /*.superiority .content .child .childChild .childImg .img2{display: block;}
.superiority .content .child .childChild .childImg.img2 :hover  {-moz-transform:scale(1.1);	-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}*/
.superiority .content .child .childChild .childImg img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.superiority .content .child .childChild .childImg :hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.superiority .content .child .childChild .childTitle{padding:38px 0 26px 0;line-height:28px;color:#656565;font-size:20px; text-align:center;}
.superiority .content .child .childChild .childInfo p{color:#777777;font-size:14px;line-height:24px;}

.mainNav{position:relative;text-align:center;padding:30px 0;}
.mainNav .child{width:185px;height:42px;border:1px solid #EBEBEB;text-align:center;line-height:42px;font-size:16px;color:#656565;margin:10px 6px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;}
.mainNav .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainNav .child.on{color:#fff;background:#4485c6;border:1px solid #EBEBEB;}
.mainNav .child:hover{color:#fff;background:#4485c6;border:1px solid #EBEBEB;}



.news2{width:100%;min-width:1200px;padding-top:40px;height:500px;background:#fff;}
.news2 .content{width:1200px;margin:0px auto;}
.news2 .content .mainTitle{width:100%;height:60px;line-height:60px;font-size:24px;}
.news2 .content  .newsChilds{position:relative;width:570px;margin-right:25px;float:left;}
.news2 .content  .newsChild{position:relative;width:570px;height:80px;margin-top:30px;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */

perspective:1000;
-webkit-perspective:1000; /* Safari and Chrome */
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;	/* Safari 鍜� Chrome */}
.news2 .content  .newsChild:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-webkit-transform:translateX(-8px);
-moz-transform:translateX(-8px);
-o-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);
 }
.news2 .content  .newsChild .newsImg{float:left;width:120px;height:80px;}
.news2 .content  .newsChild .newsContent{position:relative;float:right;width:430px;}
.news2 .content  .newsChild .newsContent .time{background:#ccc;text-align:center;width:80px;height:20px;line-height:20px;font-size:12px;color:#fff;margin-top:10px;}
.news2 .content  .newsChild .newsContent .title{color:#000000;font-size:14px;margin:15px 0px;}
.news2 .content .childLink{font-size:14px;color:#00387D;margin-top:28px;}
.news2 .content .childLink img{ vertical-align:middle;margin-right:8px;}
.news2 .content .childLink font{ vertical-align:middle;}


section,article,aside,hgroup,address,figure,figcaption,details,summary,picture{display:block;}
.plan{padding:42px 0; background:#; text-align:center;}
.plan h2{margin-bottom:16px; color:#333; font-size:24px;}
#plan-title{width:1200px; margin:0 auto 36px; text-align:center;}
#plan-title li{position:relative; display:inline-block; *display:inline; *zoom:1; width:100px; height:35px; margin:0 25px; text-align:center; line-height:35px; font-size:18px; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#plan-title li.act{background:#2680c4; color:#fff;}
#plan-title li:after{content:''; position:absolute; top:50%; left:125px; width:0; height:12px; margin-top:-6px; border-right:1px dotted #acacac;}
#plan-title li:last-of-type:after{display:none;}
#plan-list{width:1200px; margin:auto; text-align:left; overflow:hidden;}
/*#plan-list ul{width:1245px; overflow:hidden;}
#plan-list li{float:left; width:370px; margin-right:45px; margin-top:20px;}
#plan-list li p{margin-top:20px; color:#666; font-size:18px; line-height:1.4; cursor:default; text-align:center;}
#plan-list li picture{position:relative; width:100%; height:210px; overflow:hidden;}
#plan-list li picture img{width:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#plan-list li picture div{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,.6); text-align:center; -webkit-animation:fadeIn 0.6s both; -moz-animation:fadeIn 0.6s both; animation:fadeIn 0.6s both;}
#plan-list li picture div h3{width:280px; margin:45px auto 20px; color:#fff; font-size:18px; cursor:default; -webkit-animation:downIn 0.6s 0.15s both; -moz-animation:downIn 0.6s 0.15s both; animation:downIn 0.6s 0.15s both;}
#plan-list li picture div a{display:block; width:117px; height:35px; margin:auto; border-radius:3px; background:#2680c4; color:#fff; text-align:center; font-size:14px; line-height:35px; -webkit-animation:downIn 0.6s 0.3s both; -moz-animation:downIn 0.6s 0.3s both; animation:downIn 0.6s 0.3s both; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#plan-list li picture div a:before{content:'+'; display:inline-block; width:14px; height:14px; margin-right:6px; border-radius:50%; background:#fff; color:#2680c4; text-align:center; line-height:14px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#plan-list li:hover picture div{display:block;}
#plan-list li picture div a:hover{background:#10559a;}
#plan-list li picture div a:hover:before{color:#10559a;}
*/


#plan-list ul{overflow:hidden;}
#plan-list ul li{position:relative; width:400px; float:left; background:#f2f2f2; height:400px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#plan-list ul li article{height:200px; overflow:hidden;}
#plan-list ul li:hover{background:#fff;}
#plan-list ul li article h3{margin:40px 30px 10px; font-size:24px; color:#333;}
#plan-list ul li article p{margin:0 30px; color:#999; line-height:18px; }
#plan-list ul li picture{position:relative; height:200px; overflow:hidden;}
#plan-list ul li picture img{display:block;width:100%;}

#plan-list ul li picture i{position:absolute; left:35px; top:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #f2f2f2; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#plan-list ul li.aroww picture i{top:auto; bottom:0; border-top:0; border-bottom:8px solid #f2f2f2;}

#plan-list ul li:hover picture i{border-top-color:#fff;}
#plan-list ul li.aroww:hover picture i{border-bottom-color:#fff;}







/*.cate_3 .wpb_wrapper .banner-img{display: block;position: relative;z-index: 1;line-height: 1;width: 100% !important;height: auto !important;transition: all 500ms ease-out 0s;}
.cate_3 .wpb_wrapper:hover .banner-img{-moz-transform:scale(1.1);	-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.cate_3 .wpb_wrapper .ol {position: absolute;display: block;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 2;}
.cate_3 .wpb_wrapper .banner-text-container {position: absolute;z-index: 3;top: 50%;left: 50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);moz-transform:translate(-50%, -50%));-webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.cate_3 .wpb_wrapper .banner-text-content {padding: 15px;border: 1px solid #FFF;text-transform: uppercase;font-size: 18px;font-weight: 300;white-space: nowrap;line-height: 1;text-align: center;
padding: 0px;}
.cate_3 .wpb_wrapper .banner-text-content span {border-width: 1px 0px;border-style: solid none;border-color: #FFF; -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;
-moz-border-bottom-colors: none;-border-left-colors: none;border-image: none;display: block;margin: 5px 0px;padding: 10px; color:#fff;}
.cate_3 .wpb_wrapper a {display: block;position: relative;overflow: hidden;}*/
























@media (max-width:1220px){

#news-list{width:1000px;}
#plan-title{width:1000px;}
#plan-title li:after{left:100%;}
#plan-list{width:1000px;}

#plan-list ul{width:800px; margin:auto;}


}



@media (max-width:1020px){


.plan h2{font-size:20px;}
#plan-title{width:100%; margin-bottom:18px; overflow:hidden;}
#plan-title li{float:left; width:16.6%; margin:0; font-size:14px;}
#plan-title li i{display:none;}
#plan-list, #plan-list ul{width:740px; margin:auto;}



#plan-list ul{width:100%; margin:auto;}
#plan-list ul li{width:50%; height:370px;}
#plan-list ul li picture{height:185px;}
#plan-list ul li article{height:185px;}

#plan-list ul li.plan_list_dd01 article{position:absolute; bottom:0; left:0;}
#plan-list ul li.plan_list_dd01 picture{position:absolute; top:0; left:0;}
#plan-list ul li.plan_list_dd01 picture i{top:auto; bottom:0; border-bottom:8px solid #f2f2f2; border-top:0;}
#plan-list ul li.plan_list_dd01 picture img{ width:100%; max-width:100%;}
#plan-list ul li.plan_list_dd01:hover picture i{border-bottom:8px solid #fff;}


#plan-list ul li.plan_list_dd02 article{position:absolute; top:0; left:0;}
#plan-list ul li.plan_list_dd02 picture{position:absolute; bottom:0; left:0;}
#plan-list ul li.plan_list_dd02 picture i{top:0; bottom:auto; border-top:8px solid #f2f2f2; border-bottom:0;}
#plan-list ul li.plan_list_dd02:hover picture i{border-top:8px solid #fff;}

#plan-list ul li.plan_list_dd03 article{position:absolute; bottom:0; left:0;}
#plan-list ul li.plan_list_dd03 picture{position:absolute; top:0; left:0;}
#plan-list ul li.plan_list_dd03 picture i{top:auto; bottom:0; border-bottom:8px solid #f2f2f2; border-top:0;}
#plan-list ul li.plan_list_dd03:hover picture i{border-bottom:8px solid #fff;}


}




@media (max-width:767px){

#plan-list, #plan-list ul, .case, .case-wrap{ width:526px;}2


#plan-list ul{width:100%; margin:auto;}
#plan-list ul li{width:100%; height:320px;}
#plan-list ul li picture{height:auto;}
#plan-list ul li article{height:auto;}
#plan-list ul li article h3{font-size:18px; margin-top:25px;}


#plan-list ul li.plan_list_dd02 article{position:absolute; top:auto; bottom:0; left:0;}
#plan-list ul li.plan_list_dd02 picture{position:absolute; top:0; left:0;}
#plan-list ul li.plan_list_dd02 picture i{top:auto; bottom:0; border-bottom:8px solid #f2f2f2; border-top:0;}
#plan-list ul li.plan_list_dd02 picture img{ width:100%; max-width:100%;}
#plan-list ul li.plan_list_dd02:hover picture i{border-bottom:8px solid #fff; border-top:0;}

#plan-list ul li.plan_list_dd04 article{position:absolute; top:auto; bottom:0; left:0;}
#plan-list ul li.plan_list_dd04 picture{position:absolute; top:0; left:0;}
#plan-list ul li.plan_list_dd04 picture i{top:auto; bottom:0; border-bottom:8px solid #f2f2f2; border-top:0;}
#plan-list ul li.plan_list_dd04:hover picture i{border-bottom:8px solid #fff; border-top:0;}

#plan-list ul li.plan_list_dd06 article{position:absolute; top:auto; bottom:0; left:0;}
#plan-list ul li.plan_list_dd06 picture{position:absolute; top:0; left:0;}
#plan-list ul li.plan_list_dd06 picture i{top:auto; bottom:0; border-bottom:8px solid #f2f2f2; border-top:0;}
#plan-list ul li.plan_list_dd06:hover picture i{border-bottom:8px solid #fff; border-top:0;}


}



@media (max-width: 639px) {
.banner .contentInfo{height:120px;margin-top:-60px;}
.banner .content{background-attachment:scroll; background-size:auto 100% !important;background-position:center !important;}
.banner .content .title1{font-size:14px;line-height:28px;}
.banner .content .title2{font-size:20px;line-height:22px;margin:3px 0 14px 0;}
.banner .content .title3{border:1px solid #fff;padding:2px 10px 3px 10px;font-size:14px;font-weight:100;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:30px;height:2px;margin:0px 2px;}
.banner .bannerBg {height:auto;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .bannerVideo{height:20px;}

.about .title{line-height:24px;padding:14px 0 10px 0;font-size:18px;}
.about .info{line-height:20px;padding:6px 0;font-size:12px;width:90%;}
.about .muns{padding-bottom:17px;}
.about .muns .child{margin:0 0;width:30%;height:120px; vertical-align:top;}
.about .muns .child .childMun{padding:18px 0 3px 0;font-size:32px;}
.about .muns .child .childTitle{line-height:16px;font-size:12px;}

.news2 .content{margin-top:24px;height:370px;width:280px;margin:0 auto;}
.news2 .contentContent{margin-top:30px;height:370px;}
.news2 .content .newsBtn{width:20px;}
.news2 .content .newsBtn.leftBtn{left:-30px;}
.news2 .content .newsBtn.rightBtn{right:-30px;}
.news2 .content .moveContent .child{width:280px;height:370px;margin-right:0px;}
.news2 .content .moveContent .child .childImg{height:190px;}
.news2 .content .moveContent .child .childImg .childTime{width:60px;height:60px;}
.news2 .content .moveContent .child .childImg .childTime .childDay{padding-top:7px;line-height:28px;padding-right:6px;font-size:30px;}
.news2 .content .moveContent .child .childImg .childTime .childYear{line-height:20px;padding-right:6px;font-size:12px;}
.news2 .content .moveContent .child .childTitle{padding:16px 0;}
.news2 .content .moveContent .child .childTitle p{font-size:14px;line-height:20px;}
.news2 .content .moveContent .child .childContent{padding-top:16px;}
.news2 .content .moveContent .child .childContent p{line-height:22px;font-size:12px;}
.news2 .content .moveContent .child .childBtn{width:90px;height:30px;line-height:30px;font-size:12px;border:1px solid #c1c1c1;}

.project .content{margin:30px 0;}
.project .content .child{width:50%;display:none;}
.project .content a:nth-child(1) .child{display:block;}
.project .content a:nth-child(2) .child{display:block;}
.project .content a:nth-child(3) .child{display:block;}
.project .content a:nth-child(4) .child{display:block;}
.project .content .child .childQuan{width:40px;height:40px;border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;}
.project .content .child .childSearch{width:20px;}
.product .content{height:605px;margin-top:30px;}

.product .content .child.child1{top:0px;left:0px;width:100%;height:295px;}
.product .content .child.child1 .childTitle .title{padding-top:25px;line-height:36px;font-size:16px;}
.product .content .child.child1 .childTitle .info{line-height:20px;font-size:12px; width:230px;}
.product .content .child.child1 .childImg{width:120px;bottom:-20px; max-width:100%;right:8px;}
.product .content .child.child2{top:305px;width:100%;height:295px;}
.product .content .child.child2 .childTitle{top:47px;left:23px;}
.product .content .child.child2 .childTitle .title{line-height:40px;font-size:16px;}
.product .content .child.child2 .childTitle .info{line-height:20px;font-size:12px;width:230px;}
.product .content .child.child2 .childImg{right:24px;width:120px;max-width:100%;bottom:-20px;}
.product .content .child.child3{left:0px;width:49%;height:148px;}
.product .content .child.child3 .childTitle{position:absolute;top:11px;left:0px;}
.product .content .child.child3 .childTitle .title{line-height:25px;font-size:16px;}
.product .content .child.child3 .childTitle .info{line-height:20px;font-size:12px;}
.product .content .child.child3 .childImg{bottom:5px;left:0px;right:0px;width:126px;}
.product .content .child.child4{width:49%;height:148px;}
.product .content .child.child4 .childTitle{top:11px;left:0px;width:100%;}
.product .content .child.child4 .childTitle .title{line-height:26px;font-size:16px;}
.product .content .child.child4 .childTitle .info{line-height:20px;font-size:12px;}
.product .content .child.child4 .childImg{width:134px;bottom:-8px;left:0px;right:0px;}

.say{display:none;height:195px;}
.say .container{padding-top:32px;height:163px; background-attachment:scroll;background-size:auto 195px; background-position:right bottom;}
.say .sayBg{display:none;}
.say .sub{margin:0px 0 10px 2px;width:28px;height:2px;background:#fff;}
.say .title1{line-height:24px;padding-bottom:10px;font-size:16px;}
.say .title2{line-height:26px;font-size:20px;}
.say .title3{line-height:26px;font-size:20px;}
.say .pointer{padding-top:20px;height:16px;}

.service{}
.service .content{padding-top:30px;}
.service .content .child{width:100%;height:auto;border:1px solid #fafafa;float:none;margin:10px auto; background:#fafafa}
.service .content .child.no{margin:10px auto;}
.service .content .child .childContent{padding:23px 20px 17px 20px;}
.service .content .child .childContent .childTitle{height:28px;font-size:20px;}
.service .content .child .childContent .childInfo{padding:26px 0;}
.service .content .child .childContent .childInfo p{line-height:22px;font-size:14px;}
.service .content .child .childContent .childSub{width:30px;height:3px;}

.superiority .mainNav .child{padding:0 12px; font-size:14px;}
.superiority .content .child .childChild{width:100%;margin:4px 0;}



.superiority .content .child .childChild .childTitle{padding:10px 0;line-height:20px;font-size:14px;}
.superiority .content .child .childChild .childInfo p{font-size:12px;line-height:20px;}


.mainNav{padding:20px 0; }
.mainNav .child{width:100px;height:28px;border:1px solid #b7b7b7;line-height:28px;font-size:14px;margin:2px 2px;}
.mainNav .child.on{border:1px solid #4485c6;}
.mainNav .child:hover{border:1px solid #4485c6;}

}

@media (min-width: 640px) and (max-width:1100px ) {
.container{width:93.75%;}


.mainNav{padding:20px 0;}
.mainNav .child{width:100px;height:30px;border:1px solid #b7b7b7;line-height:30px;font-size:14px;margin:2px;}
.mainNav .child.on{border:1px solid #4485c6;}
.mainNav .child:hover{border:1px solid #4485c6;}



.product .content{height:680px;margin-top:55px;}

.product .content .child.child1{top:0px;left:0px;width:100%;height:330px;}
.product .content .child.child1 .childTitle .title{padding-top:10px;line-height:46px;font-size:16px;}
.product .content .child.child1 .childTitle .info{line-height:28px;font-size:12px;}
.product .content .child.child1 .childImg{}
.product .content .child.child2{top:350px;width:100%;height:330px;}
.product .content .child.child2 .childTitle{top:20px;left:46px;}
.product .content .child.child2 .childTitle .title{line-height:46px;font-size:16px;}
.product .content .child.child2 .childTitle .info{line-height:28px;font-size:12px;}
.product .content .child.child2 .childImg{right:68px;}
.product .content .child.child3{left:0px;width:49%;height:295px;}
.product .content .child.child3 .childTitle{position:absolute;top:22px;left:0px;}
.product .content .child.child3 .childTitle .title{line-height:50px;font-size:33px;}
.product .content .child.child3 .childTitle .info{line-height:26px;font-size:14px;}
.product .content .child.child3 .childImg{bottom:10px;left:0px;right:0px;}
.product .content .child.child4{width:49%;height:295px;}
.product .content .child.child4 .childTitle{top:22px;left:0px;width:100%;}
.product .content .child.child4 .childTitle .title{line-height:50px;font-size:33px;}
.product .content .child.child4 .childTitle .info{line-height:26px;font-size:14px;}
.product .content .child.child4 .childImg{bottom:-16px;left:0px;right:0px;}


@media (min-width: 1024px) and (max-width:1223px ) {

.banner .contentInfo{height:200px;margin-top:-100px;}
.banner .content{background-attachment:scroll; background-size:auto 100% !important;background-position:center !important;}
.banner .content .title1{font-size:23px;line-height:38px;}
.banner .content .title2{font-size:32px;line-height:48px;margin:5px 0 20px 0;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:18px;font-weight:100;}
.banner .bannerNav{bottom:30px;}
.banner .bannerNav img{width:50px;height:3px;margin:0px 2px;}
.banner .bannerBg {height:auto;}
.banner .bannerBtn{height:74px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}

.about .title{line-height:38px;padding:20px 0 15px 0;font-size:26px;}
.about .info{line-height:26px;padding:10px 0;font-size:20px;width:90%;}
.about .muns{padding-bottom:17px;}
.about .muns .child{margin:0 0;width:30%;height:180px; vertical-align:top;}
.about .muns .child .childMun{padding:26px 0 3px 0;font-size:50px;}
.about .muns .child .childTitle{line-height:24px;font-size:20px;}

.news .content{margin-top:47px;height:480px;width:373px;margin:0 auto;}
.news .contentContent{margin-top:47px;height:480px;}

.news2 .content .newsBtn.leftBtn{left:-100px;}
.news2 .content .newsBtn.rightBtn{right:-100px;}
.news2 .content .moveContent .child{width:373px;height:480px;margin-right:0px;}
.news2 .content .moveContent .child .childImg{height:228px;}
.news2 .content .moveContent .child .childImg .childTime{width:80px;height:80px;}
.news2 .content .moveContent .child .childImg .childTime .childDay{padding-top:7px;line-height:38px;padding-right:8px;font-size:40px;}
.news2 .content .moveContent .child .childImg .childTime .childYear{line-height:24px;padding-right:8px;font-size:16px;}
.news2 .content .moveContent .child .childTitle{padding:36px 0 33px 0;}
.news2 .content .moveContent .child .childTitle p{font-size:16px;line-height:24px;}
.news2 .content .moveContent .child .childContent{padding-top:33px;}
.news2 .content .moveContent .child .childContent p{line-height:22px;font-size:14px;}
.news2 .content .moveContent .child .childBtn{width:108px;height:34px;line-height:34px;font-size:16px;border:2px solid #c1c1c1;}

.project .content{margin:40px 0;}
.project .content .child{width:50%;display:none;}
.project .content a:nth-child(1) .child{display:block;}
.project .content a:nth-child(2) .child{display:block;}
.project .content a:nth-child(3) .child{display:block;}
.project .content a:nth-child(4) .child{display:block;}
.project .content .child .childQuan{width:69px;height:69px;border-radius:69px;-moz-border-radius:69px;-ms-border-radius:69px;-o-border-radius:69px;-webkit-border-radius:69px;}



.product .content{height:680px;margin-top:55px;}

.product .content .child.child1{top:0px;left:0px;width:100%;height:330px;}
.product .content .child.child1 .childTitle .title{padding-top:10px;line-height:46px;font-size:24px;}
.product .content .child.child1 .childTitle .info{line-height:28px;font-size:12px;}
.product .content .child.child1 .childImg{}
.product .content .child.child2{top:350px;width:100%;height:330px;}
.product .content .child.child2 .childTitle{top:20px;left:46px;}
.product .content .child.child2 .childTitle .title{line-height:46px;font-size:24px;}
.product .content .child.child2 .childTitle .info{line-height:28px;font-size:12px;}
.product .content .child.child2 .childImg{right:68px;}
.product .content .child.child3{left:0px;width:49%;height:295px;}
.product .content .child.child3 .childTitle{position:absolute;top:22px;left:0px;}
.product .content .child.child3 .childTitle .title{line-height:50px;font-size:33px;}
.product .content .child.child3 .childTitle .info{line-height:26px;font-size:14px;}
.product .content .child.child3 .childImg{bottom:10px;left:0px;right:0px;}
.product .content .child.child4{width:49%;height:295px;}
.product .content .child.child4 .childTitle{top:22px;left:0px;width:100%;}
.product .content .child.child4 .childTitle .title{line-height:50px;font-size:33px;}
.product .content .child.child4 .childTitle .info{line-height:26px;font-size:14px;}
.product .content .child.child4 .childImg{bottom:-16px;left:0px;right:0px;}






.say{display:none;height:390px;}
.say .container{padding-top:64px;height:326px; background-attachment:scroll;background-size:auto 390px; background-position:right bottom;}
.say .sayBg{display:none;}
.say .sub{margin:0px 0 20px 4px;width:56px;height:2px;background:#fff;}
.say .title1{line-height:32px;padding-bottom:18px;font-size:22px;}
.say .title2{line-height:46px;font-size:36px;}
.say .title3{line-height:46px;font-size:36px;}
.say .pointer{padding-top:60px;height:24px;}

.service .content{padding-top:60px;}
.service .content .child{width:347px;height:220px;border:2px solid #d6281a;float:none;margin:20px auto;}
.service .content .child.no{margin:20px auto;}
.service .content .child .childContent{padding:32px 36px 34px 36px;}
.service .content .child .childContent .childTitle{height:20px;font-size:20px;}
.service .content .child .childContent .childInfo{padding:26px 0;}
.service .content .child .childContent .childInfo p{line-height:22px;font-size:14px;}
.service .content .child .childContent .childSub{width:30px;height:3px;}

.superiority .mainNav .child{padding:0 12px;}
.superiority .content .child .childChild{width:376px;margin:4px 4px;}
.superiority .content .child .childChild .childTitle{padding:16px 0;line-height:28px;font-size:20px;}
.superiority .content .child .childChild .childInfo p{font-size:14px;line-height:24px;}
}
@media (min-width: 1024px) and (max-width:1200px ) {

.banner .contentInfo{height:220px;margin-top:-110px;}
.banner .content .title1{ font-size:30px;line-height:32px;}
.banner .content .title2{font-size:44px;line-height:44px;margin:15px 0 30px 0;}
.banner .content .title3{border:2px solid #fff;padding:4px 18px 6px 18px;font-size:22px;}
.banner .bannerNav{bottom:20px;}
.banner .bannerNav img{width:60px;height:4px;margin:0px 3px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.about .title{line-height:36px;padding:12px 0 9px 0;font-size:30px;}
.about .info{line-height:24px;padding:9px 0;font-size:14px;width:815px;}
.about .muns{padding-bottom:17px;}
.about .muns .child{margin:0 20px;width:180px;height:160px;}
.about .muns .child .childMun{padding:26px 0 3px 0;font-size:60px;}
.about .muns .child .childTitle{line-height:22px;font-size:14px;}

.news2 .content{margin-top:30px;height:360px;}
.news2 .contentContent{margin-top:30px;height:360px;}
.news2 .content .newsBtn{width:30px;}
.news2 .content .newsBtn.leftBtn{left:-50px;}
.news2 .content .newsBtn.rightBtn{right:-50px;}
.news2 .content .moveContent .child{width:290px;height:360px;margin-right:15px;}
.news2 .content .moveContent .child .childImg{height:176px;}
.news2 .content .moveContent .child .childImg .childTime{width:60px;height:60px;}
.news2 .content .moveContent .child .childImg .childTime .childDay{padding-top:7px;line-height:30px;padding-right:6px;font-size:30px;}
.news2 .content .moveContent .child .childImg .childTime .childYear{line-height:20px;padding-right:6px;font-size:12px;}
.news2 .content .moveContent .child .childTitle{padding:20px 0;}
.news2 .content .moveContent .child .childTitle p{font-size:14px;line-height:20px;}
.news2 .content .moveContent .child .childContent{padding-top:20px;}
.news2 .content .moveContent .child .childContent p{line-height:20px;font-size:12px;}
.news2 .content .moveContent .child .childBtn{width:90px;height:30px;line-height:30px;font-size:14px;border:1px solid #c1c1c1;}

.project .content .child .childQuan{width:56px;height:56px;border-radius:56px;-moz-border-radius:56px;-ms-border-radius:56px;-o-border-radius:56px;-webkit-border-radius:56px;}
.project .content .child .childSearch{width:20px;}

.product .content{height:605px;margin-top:30px;}

.product .content .child.child1{top:0px;left:0px;width:100%;height:295px;}
.product .content .child.child1 .childTitle .title{padding-top:25px;line-height:36px;font-size:26px;}
.product .content .child.child1 .childTitle .info{line-height:20px;font-size:12px;}
.product .content .child.child1 .childImg{width:200px;bottom:-20px;}
.product .content .child.child2{top:305px;width:100%;height:295px;}
.product .content .child.child2 .childTitle{top:47px;left:23px;}
.product .content .child.child2 .childTitle .title{line-height:40px;font-size:23px;}
.product .content .child.child2 .childTitle .info{line-height:20px;font-size:12px;}
.product .content .child.child2 .childImg{right:34px;width:144px;}
.product .content .child.child3{left:0px;width:49%;height:148px;}
.product .content .child.child3 .childTitle{position:absolute;top:11px;left:0px;}
.product .content .child.child3 .childTitle .title{line-height:25px;font-size:16px;}
.product .content .child.child3 .childTitle .info{line-height:20px;font-size:12px;}
.product .content .child.child3 .childImg{bottom:5px;left:0px;right:0px;width:126px;}
.product .content .child.child4{width:49%;height:148px;}
.product .content .child.child4 .childTitle{top:11px;left:0px;width:100%;}
.product .content .child.child4 .childTitle .title{line-height:26px;font-size:16px;}
.product .content .child.child4 .childTitle .info{line-height:20px;font-size:12px;}
.product .content .child.child4 .childImg{width:134px;bottom:-8px;left:0px;right:0px;}

/*.product .content{height:446px;margin-top:36px;}
.product .content .child.child1{width:446px;height:446px;}

.product .content .child.child1 .childTitle .title{padding-top:27px;line-height:55px;font-size:38px;}
.product .content .child.child1 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child1 .childImg{width:188px;}
.product .content .child.child2{width:446px;height:219px;}
.product .content .child.child2 .childTitle{top:60px;left:46px;}
.product .content .child.child2 .childTitle .title{line-height:70px;font-size:35px;}
.product .content .child.child2 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child2 .childImg{width:188px;right:30px;}
.product .content .child.child3{right:227px;width:219px;height:219px;}
.product .content .child.child3 .childTitle{top:22px;}
.product .content .child.child3 .childTitle .title{line-height:38px;font-size:26px;}
.product .content .child.child3 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child3 .childImg{bottom:6px;width:166px;}
.product .content .child.child4{bottom:0px;right:0px;width:219px;height:219px;background:#f5c8c8;}
.product .content .child.child4 .childTitle{top:22px;}
.product .content .child.child4 .childTitle .title{line-height:38px;font-size:26px;}
.product .content .child.child4 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child4 .childImg{bottom:-16px;width:134px;}*/

.say{height:500px;}
.say .container{padding-top:100px;height:400px;background-position:center bottom;background-size:auto 500px;}
.say .sayBg{width:900px;}
.say .sub{margin:0px 0 16px 3px;width:44px;height:2px;}
.say .title1{line-height:42px;padding-bottom:14px;font-size:28px;}
.say .title2{line-height:58px;font-size:42px;}
.say .title3{line-height:58px;font-size:42px;}
.say .pointer{padding-top:46px;}

.service .content{padding-top:46px;}

.service .content .child{width:286px;height:200px;border:2px solid #d6281a;float:left;margin-right:10px;}

.service .content .child .childContent{padding:30px;}
.service .content .child .childContent .childTitle{height:20px;color:#434343;font-size:20px;}
.service .content .child .childContent .childTitle{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.service .content .child .childContent .childTitle img{ vertical-align:bottom;}
.service .content .child .childContent .childTitle span{ vertical-align:bottom;}
.service .content .child .childContent .childInfo{padding:26px 0;}
.service .content .child .childContent .childInfo p{line-height:22px;color:#666;font-size:14px;}
.service .content .child .childContent .childInfo p{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.service .content .child .childContent .childSub{width:30px;height:3px;background:#d6281a;}
.service .content .child .childContent .childSub{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }

.service .content .child:hover{background:#d6281a;}
.service .content .child:hover .childContent .childTitle{color:#fff;}
.service .content .child:hover .childContent .childInfo p{color:#fff;}
.service .content .child:hover .childContent .childSub{background:#fff;}
.mainNav{padding:20px 0;}
.mainNav .child{width:120px;height:36px;border:1px solid #b7b7b7;line-height:36px;font-size:16px;margin:4px 4px;}
.mainNav .child.on{border:1px solid #d6281a;}
.mainNav .child:hover{border:1px solid #d6281a;}
}

@media (min-width: 1024px) and (max-width:1200px ) {

.banner .contentInfo{height:200px;margin-top:-100px;}
.banner .content{background-attachment:scroll; background-size:auto 100% !important;background-position:center !important;}
.banner .content .title1{font-size:23px;line-height:38px;}
.banner .content .title2{font-size:32px;line-height:48px;margin:5px 0 20px 0;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:18px;font-weight:100;}
.banner .bannerNav{bottom:30px;}
.banner .bannerNav img{width:50px;height:3px;margin:0px 2px;}
.banner .bannerBg {height:auto;}
.banner .bannerBtn{height:74px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}

.about .title{line-height:38px;padding:20px 0 15px 0;font-size:26px;}
.about .info{line-height:26px;padding:10px 0;font-size:20px;width:90%;}
.about .muns{padding-bottom:17px;}
.about .muns .child{margin:0 0;width:30%;height:180px; vertical-align:top;}
.about .muns .child .childMun{padding:26px 0 3px 0;font-size:50px;}
.about .muns .child .childTitle{line-height:24px;font-size:20px;}

.news .content{margin-top:47px;height:480px;width:373px;margin:0 auto;}
.news .contentContent{margin-top:47px;height:480px;}

.news2 .content .newsBtn.leftBtn{left:-100px;}
.news2 .content .newsBtn.rightBtn{right:-100px;}
.news2 .content .moveContent .child{width:373px;height:480px;margin-right:0px;}
.news2 .content .moveContent .child .childImg{height:228px;}
.news2 .content .moveContent .child .childImg .childTime{width:80px;height:80px;}
.news2 .content .moveContent .child .childImg .childTime .childDay{padding-top:7px;line-height:38px;padding-right:8px;font-size:40px;}
.news2 .content .moveContent .child .childImg .childTime .childYear{line-height:24px;padding-right:8px;font-size:16px;}
.news2 .content .moveContent .child .childTitle{padding:36px 0 33px 0;}
.news2 .content .moveContent .child .childTitle p{font-size:16px;line-height:24px;}
.news2 .content .moveContent .child .childContent{padding-top:33px;}
.news2 .content .moveContent .child .childContent p{line-height:22px;font-size:14px;}
.news2 .content .moveContent .child .childBtn{width:108px;height:34px;line-height:34px;font-size:16px;border:2px solid #c1c1c1;}

.project .content{margin:40px 0;}
.project .content .child{width:50%;display:none;}
.project .content a:nth-child(1) .child{display:block;}
.project .content a:nth-child(2) .child{display:block;}
.project .content a:nth-child(3) .child{display:block;}
.project .content a:nth-child(4) .child{display:block;}
.project .content .child .childQuan{width:69px;height:69px;border-radius:69px;-moz-border-radius:69px;-ms-border-radius:69px;-o-border-radius:69px;-webkit-border-radius:69px;}



.product .content{height:680px;margin-top:55px;}

.product .content .child.child1{top:0px;left:0px;width:100%;height:330px;}
.product .content .child.child1 .childTitle .title{padding-top:10px;line-height:46px;font-size:24px;}
.product .content .child.child1 .childTitle .info{line-height:28px;font-size:12px;}
.product .content .child.child1 .childImg{}
.product .content .child.child2{top:350px;width:100%;height:330px;}
.product .content .child.child2 .childTitle{top:20px;left:46px;}
.product .content .child.child2 .childTitle .title{line-height:46px;font-size:24px;}
.product .content .child.child2 .childTitle .info{line-height:28px;font-size:12px;}
.product .content .child.child2 .childImg{right:68px;}
.product .content .child.child3{left:0px;width:49%;height:295px;}
.product .content .child.child3 .childTitle{position:absolute;top:22px;left:0px;}
.product .content .child.child3 .childTitle .title{line-height:50px;font-size:33px;}
.product .content .child.child3 .childTitle .info{line-height:26px;font-size:14px;}
.product .content .child.child3 .childImg{bottom:10px;left:0px;right:0px;}
.product .content .child.child4{width:49%;height:295px;}
.product .content .child.child4 .childTitle{top:22px;left:0px;width:100%;}
.product .content .child.child4 .childTitle .title{line-height:50px;font-size:33px;}
.product .content .child.child4 .childTitle .info{line-height:26px;font-size:14px;}
.product .content .child.child4 .childImg{bottom:-16px;left:0px;right:0px;}






.say{display:none;height:390px;}
.say .container{padding-top:64px;height:326px; background-attachment:scroll;background-size:auto 390px; background-position:right bottom;}
.say .sayBg{display:none;}
.say .sub{margin:0px 0 20px 4px;width:56px;height:2px;background:#fff;}
.say .title1{line-height:32px;padding-bottom:18px;font-size:22px;}
.say .title2{line-height:46px;font-size:36px;}
.say .title3{line-height:46px;font-size:36px;}
.say .pointer{padding-top:60px;height:24px;}

.service .content{padding-top:60px;}
.service .content .child{width:347px;height:220px;border:2px solid #d6281a;float:none;margin:20px auto;}
.service .content .child.no{margin:20px auto;}
.service .content .child .childContent{padding:32px 36px 34px 36px;}
.service .content .child .childContent .childTitle{height:20px;font-size:20px;}
.service .content .child .childContent .childInfo{padding:26px 0;}
.service .content .child .childContent .childInfo p{line-height:22px;font-size:14px;}
.service .content .child .childContent .childSub{width:30px;height:3px;}

.superiority .mainNav .child{padding:0 12px;}
.superiority .content .child .childChild{width:376px;margin:4px 4px;}
.superiority .content .child .childChild .childTitle{padding:16px 0;line-height:28px;font-size:20px;}
.superiority .content .child .childChild .childInfo p{font-size:14px;line-height:24px;}
}
@media (min-width: 1100px)and (max-width:1200px )  {


.product .content{height:446px;margin-top:36px;}
.product .content .child.child1{width:446px;height:446px;}

.product .content .child.child1 .childTitle .title{padding-top:27px;line-height:55px;font-size:38px;}
.product .content .child.child1 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child1 .childImg{width:188px;}
.product .content .child.child2{width:446px;height:219px;}
.product .content .child.child2 .childTitle{top:60px;left:46px;}
.product .content .child.child2 .childTitle .title{line-height:70px;font-size:35px;}
.product .content .child.child2 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child2 .childImg{width:188px;right:30px;}
.product .content .child.child3{right:227px;width:219px;height:219px;}
.product .content .child.child3 .childTitle{top:22px;}
.product .content .child.child3 .childTitle .title{line-height:38px;font-size:26px;}
.product .content .child.child3 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child3 .childImg{bottom:6px;width:166px;}
.product .content .child.child4{bottom:0px;right:0px;width:219px;height:219px;background:#f5c8c8;}
.product .content .child.child4 .childTitle{top:22px;}
.product .content .child.child4 .childTitle .title{line-height:38px;font-size:26px;}
.product .content .child.child4 .childTitle .info{line-height:22px;font-size:12px;}
.product .content .child.child4 .childImg{bottom:-16px;width:134px;}

}
@media (min-width: 1200px) and (max-width:1439px ) {

.news .content .newsBtn.leftBtn{left:0px;}
.news .content .newsBtn.rightBtn{right:0px;}

}
@media (min-width: 1440px) and (max-width:1920px ) {



}